﻿/*
[Contents]

    0- Order List
    1- Order Details
    2- Order Status
*/

/* =0 Order List
------------------------------------------------------------------------*/
#order-list table tbody.even
{
    background: #F3F3F3;
}
#order-list .remark
{
    display: block;
    color: #808080;
}
/* =1 Order Details
-----------------------------------------------------------------*/
.order-info
{
    background:#EDEDED;
    border:1px solid #DADADA;
    overflow:visible;
    padding:0 5px;
    margin-bottom:10px;
}
.order-info div.title
{
    height:30px;
    padding:0 8px;
    font-size:14px;
    line-height:30px;
}
.order-info .title strong
{
    font-weight:bold;
}
.order-info .content
{
    background:#FFFFFF;
    padding:5px 8px;
}
.order-info .content dl
{
    padding:10px 5px;
    border-top:1px solid #EDEDED;
}
.order-info .content dl.fore
{
    border-top: none;
}
.order-info .content dt
{
    font-weight:bold;
    margin-bottom:4px;
}

.order-info table .title
{
    text-align:left;
}

.order-info .product-remark
{
    display: block;
    color: #808080;
}

.dashboard
{
    padding:15px;
    border:1px solid #F7E4A5;
    margin-bottom:15px;
    background:#FFFCF3;
}
/* =2 Order Progress
----------------------------------------------------*/
.order-progress
{
    border-bottom: solid 2px #F3F3F3;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}
.order-progress ul li
{
    display: inline;
    list-style: none;
    padding: 5px 20px 0 20px;
}
.order-progress ul li a, .order-progress ul li a:hover
{
    text-decoration: none;
}
.order-progress ul li .active
{
    background: url(../images/progress-step-active.gif) 50% 50% no-repeat;
    color: #6A6A6A;
    padding-bottom: 40px;
    padding-right: 1px;
}

.order-progress ul li .inactive
{
    background: url(../images/progress-step-inactive.gif) 50% 50% no-repeat;
    color: #D7D7D7;
    padding-bottom: 40px;
    padding-right: 1px;
}

